﻿@using worldcup.Models;

@{
    ViewBag.Title = "竞猜记录";
    var list = (PostResult<List<JingcaiResonse>>)ViewBag.list;
}

<style type="text/css">
        .locTop2 {
            height: 4rem;
            line-height: 4rem;
            font-size: 1.4rem;
            background-color: #fff;
            padding: 0 4rem;
        }

        .tabNav {
            height: 4rem;
            width: 50%;
            float: left;
            cursor: pointer;
        }

            .tabNav .tnTxt {
                height: 3.8rem;
                line-height: 4rem;
                overflow: hidden;
                text-align: center;
                color: #888;
            }

            .tabNav .botLine {
                height: 2px;
                width: 2.5rem;
                background-color: #fff;
                margin: auto;
            }

        .tnSel .tnTxt {
            color: #88172b;
        }

        .tnSel .botLine {
            background-color: #88172b;
        }

        .dayDiv {
            height: 3.5rem;
            line-height: 3.5rem;
            padding-left: 1.5rem;
            color: #888;
            font-size: 1.2rem;
        }

        .qrPlayTime {
            text-align: center;
            height: 4rem;
            line-height: 4rem;
            font-size: 1.3rem;
        }

        .qrItem {
            padding: 0 3rem;
            background-color: #fff;
            margin-bottom: 1px;
            padding-bottom: 1rem;
        }

        .qrPlayTime {
            text-align: center;
        }

        .c {
            width: 30%;
            height: auto;
            float: left;
            position: relative;
        }

            .c img {
                width: 100%;
                box-sizing: border-box;
                border: 1px solid #aaaaaa;
            }

        .c1 {
        }

        .ct {
            width: 40%;
            text-align: center;
        }

        .c2 {
        }

        .vs {
            font-size: 3rem;
            font-weight: bold;
            padding-top: 1rem;
        }

        .vsScore {
            font-size: 3rem;
            font-weight: bold;
            padding-top: 1rem;
        }

        .cyTxt {
            text-align: center;
            color: #888;
        }

        .resTxt {
            height: auto;
            padding-top: 0.5rem;
            text-align: center;
            font-size: 1.2rem;
        }

        .red {
            color: #88172b;
        }

        .green {
            color: #407a3a;
        }

    .st_vk { width: 5rem; height: 4rem; background-image: url("/Content/images/st_vk.png"); background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 1; bottom: 0rem; right: -3rem; }

        .stc_wrap {
            width: 1px;
            height: 1px;
            margin: auto;
            position: relative;
        }

    .st_pp { width: 4rem; height: 4rem; background-image: url("/Content/images/st_pp.png"); background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 1; bottom: -3rem; right: -2rem; }
</style>

<div class="locTop2">
    <div id="tab_0" class="tabNav" jump="/Home/jingchai?token=@ViewBag.token&type=0">
        <div class="tnTxt">未开赛</div>
        <div class="botLine"></div>
    </div>
    <div id="tab_1" class="tabNav" jump="/Home/jingchai?token=@ViewBag.token&type=1">
        <div class="tnTxt">已结束</div>
        <div class="botLine"></div>
    </div>
</div>

@if (list.ret == 0 && list.data != null && list.data.Any())
            {
                foreach (var item in list.data)
                {
                    var pageCls = "jingcha" + ViewBag.type;



        <div class="@pageCls">
            <div class="dayDiv">@item.gamedate.ToString("yyyy-MM-dd")</div>

            <div class="qrItem">
                <div class="qrPlayTime">@item.group&nbsp;&nbsp;@item.gamedate.ToString("hh:")</div>
                <div class="c1 c">
                    <img src="/Content/images/flag/1.png" />
                    <div class="cyTxt">@item.countryAname</div>

                </div>
                <div class="ct c">

                    <div class="vs">VS</div>

                </div>
                <div class="c2 c">
                    <img src="/Content/images/flag/32.png" />
                    <div class="cyTxt">@item.countryBname</div>
                </div>
                <div class="clear0"></div>
                <div class="resTxt">投票&nbsp;@item.winnername</div>
            </div>


        </div>
    }
}
<!--未开赛-->
<!--已结束-->
@*<div class="jingcha1" style="display:none">
        <div class="dayDiv">2018-06-15</div>

        <div class="qrItem">
            <div class="qrPlayTime">世界杯小组赛A组&nbsp;&nbsp;23:00</div>
            <div class="c1 c">
                <img src="/Content/images/flag/1.png" />
                <div class="cyTxt">俄罗斯</div>

            </div>
            <div class="ct c">

                <div class="vs">VS</div>

            </div>
            <div class="c2 c">
                <img src="/Content/images/flag/32.png" />
                <div class="cyTxt">沙特</div>
            </div>
            <div class="clear0"></div>
            <div class="resTxt">投票&nbsp;俄罗斯</div>
        </div>



    </div>*@

<script type="text/javascript">
    $(function () {
        var type ='@ViewBag.type';
        $("#tab_" + type).addClass("tnSel");

        if (type == '0') {
            $(".jingcha0").show();
            $(".jingcha1").hide();
        }
        if (type == '1') {
            $(".jingcha1").show();
            $(".jingcha0").hide();
        }
    });
</script>



